This is the header
Main page content here, add more if you want to see the footer push down.
.wrapper { min-height: 100%; display: grid; grid-template-rows: auto 1fr auto; }
<div class="wrapper"> <header class="page-header">This is the header</header> <article class="page-body"> <p>Main page content here, add more if you want to see the footer push down.</p> </article> <footer class="page-footer">Sticky footer</footer> </div>